body{
    width: 100%;
    height: 100%;
}

a{
    /*所有超链接默认样式*/
    text-decoration: none;
    color: rgb(107,107,107);
    font-size: 23px;
    padding: 0px 10px;
    font-weight:510;
    text-shadow: 0 6px 8px rgba(0,0,0,.1);
}

img.lianxi{
    padding-top: 5px;
    width: 30px;
    height: 30px;
    -webkit-filter: brightness(100%);
}

img.fu{
    width: 400px;
    height: 400px;
    margin:0 auto;
}

div.fu{
    padding: 20px;
    text-align: center;
}

p1.bottom{
    /*到底了*/
    text-decoration: none;
    color: rgb(107,107,107);
    font-size: 0.01em;
    padding: 0px 15px;
    font-weight: 0.1em;
}

p1.hello{/*"...的博客"文字样式*/
    text-decoration: none;
    color: lightskyblue;
    font-size: 23px;
    transition-duration: 0.11s;
    -moz-transition-duration: 0.11s; /* Firefox 4 */
    -webkit-transition-duration: 0.11s; /* Safari 和 Chrome */
    -o-transition-duration: 0.11s; /* Opera */
}

p1.help{/*注*/
    text-decoration: none;
    color: rgb(107,107,107);
    font-size: 3px;
    font-weight:510;
}

div.hitext{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    text-shadow: 0 6px 8px rgba(0,0,0,.1);
}

p2.hi{/*hi*/
    text-align: center;
    color:rgb(146, 146, 146);
    text-shadow: 0 56px 58px rgba(0,0,0,0);
    font-size: 50px;
    font-weight:900;
}

p2.update{/*更新*/
    text-align: left;
    color: rgb(107,107,107);
    font-size: 15px;
    padding: 0px 10px;
    font-weight:510;
    text-shadow: 0 6px 8px rgba(0,0,0,.1);
}

p2.point{
    text-align: left;
    text-decoration: none;
    /* color:  lightskyblue; */
    color: red;
    font-size: 15px;
    padding: 0px 10px;
    font-weight:510;
    text-shadow: 0 6px 8px rgba(0,0,0,.1);
}

p1.bt{/*列表标题*/
    /* color:   lightskyblue; */
    color: red;
    font-size: 28px;
    padding: 0px 10px;
    font-weight:510;
}

/*网页主体，内容*/
div.box{
    display: block;
    /* padding-left: 5em; */
}

/*分类框，如文章、项目等*/
div.glass{
    text-align: center;
    /* display: inline-block; */
    margin:0 auto;

    background: rgba( 255, 255, 255, 0.70 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 16.5px );
    -webkit-backdrop-filter: blur( 16.5px );
    border-radius: 10px;
    margin-top: 20px;
}

/*底部*/
div.bottom{
    text-align: center;
    margin:0 auto;
    padding-top: 20px;
}

div.contact{
    margin:0 auto;
    text-align: center;
    padding-top: 4px;
}
/**/

header{
    padding-left: 4%;
    padding-top: 1%;
    padding-bottom: 1%;
}

li{
    list-style-type: none;
    display: inline;
}

/*碰到变色效果*/
img.lianxi:hover{
    -webkit-filter: brightness(75%);
    transition-duration: 0.12s;
    -moz-transition-duration: 0.12s; /* Firefox 4 */
    -webkit-transition-duration: 0.12s; /* Safari 和 Chrome */
    -o-transition-duration: 0.12s; /* Opera */
}

a.content:hover{
    /* color: lightskyblue; */
    color: red;
    transition-duration: 0.13s;
    -moz-transition-duration: 0.11s; /* Firefox 4 */
    -webkit-transition-duration: 0.11s; /* Safari 和 Chrome */
    -o-transition-duration: 0.11s; /* Opera */
}